<style type="text/css">
.accordion {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #DDDDDD #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin: 10px 0;
    position: relative;
    width: 470px;
}

.accordion h2, .accordion a 
{
    background-color: #FFFFFF;
    background-image:-moz-linear-gradient(center bottom , #F1F1F1, #FFFFFF);
    border-top: 1px solid #DDDDDD;
    color: #222222;
    font: 14px/30px 'Verdana',sans-serif;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: 10px;
}


</style>


<script type="text/javascript">

$(document).ready(function()
{
	$('#accordion-js').find('h2').click(function()
    {
	    $(this).next().slideToggle();
	}).next().hide();
});

</script>
<h2>Why Open Source?</h2>
<p id="shortDescText">All software has source code. 
Open source software grants every user access to that code and You can see the code, change it, learn from it.<br/>
Freedom means choice.<br/>
Choice means power.<br/>


<div class="accordion" id="accordion-js">
	<h2>What is open source? <img src="./images/down.png" style="float:right;"/> </h2>
	<div style="display: none;">
    <ul>
      <li>Free distribution</li> 
       <li>Source code </li> 
       <li>No license costs, only customizing </li> 
       <li>No forced updates </li> 
       <li>No deployment limits </li> 
       <li>Widely used (production approved, very stable) </li> 
       <li>Open minded, community driven  Everybody can contribute and participate </li> 
       <li>Collaborative and social </li> 
    </ul>
    </div>
    
        
	<h2>Why web technology?</h2>
	<div style="display: none;">
     <ul>
<li>Latest technology</li>  
<li>Continuous improvement (Web 2.0, HTML5) 
Efficient </li> 
<li>Simple interface </li> 
<li>Available on all devices (desktop, mobile, tablet) </li> 
<li>Barrier-free </li> 
<li>Centralized </li> 
<li>High performance, scalable (Wikipedia, Facebook) </li> 
<li>Powerful and robust </li> 
<li>Open Source (Firefox, Apache, PHP, MySQL) </li> 
</ul>
    </div>
    
    
    
	<h2>Why web publishing?</h2>
		<div style="display: none;">
         <ul>
<li>flexible </li>
<li>consistent </li>
<li>active content </li>
<li>dynamic pages </li>
<li>cross media </li>
<li>multi channel </li>
<li>multimedia </li>
</ul>
        </div>

</div>


